<ui:splash id="splash" class="splash">
	<ui:decks id="decks" flex="false">
		<ui:deck id="introdeck"/>
		<ui:deck id="logindeck">
			<div class="buzzwords">
				<div id="version"><ui:text label="${version}"/></div>
				<div id="build"><ui:text label="Build ${build}"/></div>
				<div><ui:text label="© 2013 Composite A/S"/></div>
			</div>
			<ui:fields id="loginfields">
				<div id="loginerror" class="errortext">
					<ui:text label="Username or password incorrect!"/>
				</div>
				<ui:field>
					<ui:fielddesc>Username</ui:fielddesc>
					<ui:fielddata>
						<ui:datainput name="username" required="true" autoselect="true"/>
					</ui:fielddata>
				</ui:field>
				<ui:field>
					<ui:fielddesc>Password</ui:fielddesc>
					<ui:fielddata>
						<ui:datainput name="password" password="true" required="true" minlength="6" autoselect="true"/>
					</ui:fielddata>
				</ui:field>
			</ui:fields>
			<ui:dialogtoolbar>
				<ui:clickbutton label="Login" image="${skin}/splash/button.png" focusable="true" oncommand="KickStart.login()"/>
			</ui:dialogtoolbar>
		</ui:deck>
		<ui:deck id="loadingdeck">
			<div class="strong">
				<div>Depending on your internet connection speed, Composite C1 may take a few moments to load.</div>
				<div id="progressbar">
					<ui:text label="Initializing Composite C1"/>
					<ui:progressbar/>
				</div>
			</div>
		</ui:deck>
		<ui:deck id="shutdowndeck">
			<div class="strong">
				<div>Shutting down...</div>
			</div>
		</ui:deck>
	</ui:decks>
	<div id="backdrop"></div>
</ui:splash>